/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-TreeMenu-vars() {
  // 宽度
  --tv-TreeMenu-width: 220px;
  // 节点高度
  --tv-TreeMenu-node-height: var(--tv-size-height-md, 32px);
  // 节点高度直接距离
  --tv-TreeMenu-node-margin-bottom: var(--tv-space-base, 4px);
  // 空数据显示文本字号(hide)
  --tv-TreeMenu-font-size: var(--tv-font-size-default, 14px);
  // 边框色
  --tv-TreeMenu-border-color: var(--tv-color-border-divider, #f0f0f0);
  // 节点水平内边距
  --tv-TreeMenu-node-body-text-padding-x: 0;
  // 选中节点的背景色
  --tv-TreeMenu-node-selected-bg-color: var(--tv-color-bg-active, #f5f5f5);
  // 选中节点左边框色
  --tv-TreeMenu-square-left-border-color: var(--tv-color-border-active, #191919);
  // 未选中节点文本色
  --tv-TreeMenu-node-body-text-color: var(--tv-color-text-control, #191919);
  // 节点悬浮背景色
  --tv-TreeMenu-node-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
  // 图标颜色
  --tv-TreeMenu-node-icon-fill-color: var(--tv-color-icon, #808080);
  // 折叠图标颜色
  --tv-TreeMenu-collapse-icon-fill-color: var(--tv-color-icon, #808080);
  // 底部折叠按钮
  --tv-TreeMenu-collapse-icon-hover-color: var(--tv-color-icon-hover, #191919);
  // 折叠图标右边距
  --tv-TreeMenu-collapse-icon-margin-right: 20px;
  // 输入框下面的线
  --tv-TreeMenu-border-top-color: var(--tv-color-border-divider, #f0f0f0);
  //输入框距离右边的距离
  --tv-TreeMenu-input-padding-right: var(--tv-space-xxxl, 32px);
  //输入框X号距离右边的距离
  --tv-TreeMenu-input-suffix-right: calc(var(--tv-space-base, 4px) * 11);
  //选中后左边宽度
  --tv-TreeMenu-node-content-height: var(--tv-space-xxxl, 32px);
  //输入框底下的线的定位top
  --tv-TreeMenu-input-before-top: 48px;
  //输入框底下的线距离由边的距离
  --tv-TreeMenu-input-before-margin-left: var(--tv-space-xl, 16px);
  // 节点序号字号
  --tv-TreeMenu-node-number-font-size: var(--tv-font-size-sm, 12px);
  // 节点序号定位
  --tv-TreeMenu-node-number-right: var(--tv-space-xl, 16px);
  // 节点序号最大宽度
  --tv-TreeMenu-node-number-max-width: 36px;
  // 活跃节点竖线与文本的间距
  --tv-TreeMenu-node-vertical-line-margin-right: var(--tv-space-xl, 16px);
  // 输入框与文本的间距
  --tv-TreeMenu-input-margin: var(--tv-space-xl, 16px) 0 var(--tv-space-xl, 16px) var(--tv-space-xl, 16px);
  // 输入框与内容区域的间距
  --tv-TreeMenu-padding-top: var(--tv-space-md, 8px);
  // 前缀图标右边距
  --tv-TreeMenu-prefix-icon-margin-right: var(--tv-space-md, 8px);
  // 禁用文本色
  --tv-TreeMenu-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
  // 切换图标大小
  --tv-TreeMenu-expand-icon-size: 14px;
  // 数字文本色
  --tv-TreeMenu-node-number-color: var(--tv-color-text-weaken, #808080);
  // 背景色
  --tv-TreeMenu-background-color: var(--tv-color-bg-3, #ffffff);
  // 滑动块的宽度
  --tv-TreeMenu-scrollbar-width: var(--tv-space-md, 8px);
  // 滑动块右侧的外边距
  --tv-TreeMenu-scrollbar-margin-right: var(--tv-space-base, 4px);
  // 名称hover文字字重
  --tv-TreeMenu-node-name-hover-font-weight: var(--tv-font-weight-bold, 600);
  // 左侧折叠图标背景色
  --tv-TreeMenu-toggle-button-background-color: var(--tv-color-bg-3, #ffffff);
  // 选中字体颜色
  --tv-TreeMenu-node-body-selected-color: var(--tv-color-border-active, #191919);
  // hover字体颜色
  --tv-TreeMenu-node-name-hover-color: var(--tv-color-border-hover, #191919);
}
